<script>
$("#ovallera").addClass('current');
$(function() {
		$( "#casos" ).tabs({
			'disabled':[1, 2, 4, 5],
			'selected': 3
		});
	
	$("#DiagnosticoFecha").datepicker({
		inline: true,
		changeYear: true,
		changeMonth: true,
		maxDate: '+0D',
		minDate: '-25Y'
	});

});
</script>

<div class='msj_validar' style="display: none;margin-left: 10px;"></div>
 		<h2>Nuevo Caso Retrospectivo</h2>
<div class="casos span-24 last" id="casos"><!-- INICIO PESTAÑA CASOS !-->
	<ul>
		<li><a href="#identificacion">Identificación</a></li>
		<li><a href="#atencion">Atención Medica</a></li>
		<li><a href="#intoxicacion">M. Reportadas</a></li>
		<li><a href="#diagnosticos_reportados">M. Clínicas</a></li>
		<li><a href="#examenes_paraclinicos">E. Paraclínicos</a></li>
		<li><a href="#conclusiones">Conclusiones</a></li>
	</ul>

<br />

	<?php
		echo $this->Form->create('Caso', array('action'=>'diagnosticos'));
		//pr($cedulas);
	?>
	<div id='identificacion'><!-- INICIO PESTAÑA IDENTIFICACIÓN !-->
	<?
		echo $this->element('e_identificacion_view'); //Elemento que contiene los datos para la carga de diagnosticos /app/views/elements/e_diagnosticos
	?>
	</div><!-- FIN PESTAÑA IDENTIFICACIÓN !-->
	
	<div id='atencion'><!-- INICIO PESTAÑA ATENCIÓN !-->

		<div class="casos span-24 last" id="atencion_medica"><!-- INICIO PESTAÑA ATENCIÓN MEDICA !-->
			<ul>
				<li><a href="#atencion_recibida_tab">1.- Atención Recibida</a></li>
				<li><a href="#emergencia_medica_tab">2.- Emergencia Médica</a></li>
				<li><a href="#consulta_medica_tab">3.- Consultas médicas</a></li>
				<li><a href="#antecedentes_tab">4.- Antecedentes</a></li>
				<li><a href="#evolucion_tab">5.- Evolución</a></li>
			</ul>
			
			<div id="atencion_recibida_tab"><!-- INICIO PESTAÑA ATENCION RECIBIDA !-->
				
			</div><!-- FIN PESTAÑA ATENCION RECIBIDA !-->
			
			<div id="emergencia_medica_tab"><!-- INICIO PESTAÑA EMERGENCIAS !-->
				
			</div><!-- FIN PESTAÑA EMERGENCIAS !-->
			
			<div id="consulta_medica_tab"><!-- INICIO PESTAÑA CONSULTAS !-->
			
			</div><!-- FIN PESTAÑA CONSULTAS !-->
			
			<div id="antecedentes_tab" class="span-24"><!-- INICIO PESTAÑA ANTECEDENTES !-->
				
				<div class="span-24 last" id="grid_antecedentes">
				
				</div>
			</div><!-- FIN PESTAÑA ANTECEDENTES !-->
			
			<div id="evolucion_tab"><!-- INICIO PESTAÑA EVOLUCION !-->
				
			</div><!-- INICIO PESTAÑA EVOLUCION !-->
			
		</div><!-- FIN PESTAÑA ATENCIÓN MEDICA !-->
		
	</div><!-- FIN DE LA PESTAÑA DIAGNOSTICOS ATENCION !-->
			
	<div id='intoxicacion'><!-- INICIO DE LA PESTAÑA MANIFESTACIONES!-->
		
	</div><!-- FIN DE LA PESTAÑA MANIFESTACIONES !-->
	
	<div id='diagnosticos_reportados'><!-- INICIO DE LA PESTAÑA DIAGNOSTICOS REPORTADOS !-->
	<?
		echo $this->element('e_diagnosticos'); //Elemento que contiene los datos para la carga de diagnosticos /app/views/elements/e_diagnosticos
	?>
	</div> <!-- FIN DE LA PESTAÑA DIAGNOSTICOS !-->

	<div id='examenes_paraclinicos'><!-- INICIO DE LA PESTAÑA EXAMENES PARACLINICOS !-->
			
	</div><!-- FIN DE LA PESTAÑA EXAMENES PARACLINICOS !-->
	
	<div id='conclusiones'><!-- INICIO DE LA PESTAÑA CONCLUSIONES !-->
	
	</div><!-- FIN DE LA PESTAÑA CONCLUSIONES !-->

</div><!-- FIN PESTAÑA CASOS !-->

<style type="text/css">
* { font-family: Verdana; font-size: 96%; }
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
</style>
<script>
$(function() {
	var v =$("#CasoDiagnosticosForm").validate({
		submitHandler: function(form) {
			$(form).ajaxSubmit({
			target: "#grid_diagnosticos",
			url: "<?= $html->url(array('controller'=>'casos', 'action'=>'diagnostico_add'))?>",
			resetForm: true,
			clearForm: true,
		});
		}
	});
});
</script>